body {
  font-family: Futura, Helvetica, Arial, san-serif;
  background: #cff url(logo.gif) no-repeat 50% 150px;
  font-size: 10pt;
}

.chattr-Conversation {
  border: 1px solid #666;
  background: #fff;
}
.chattr-Conversation .commands {
	text-align: right;
	padding: 0 4px;
}
.chattr-Conversation .commands a {
	color: #000;
}
.chattr-Conversation .commands a:hover {
	color: #666;
}
.chattr-Conversation .Caption {
  background: #666;
  color: #fff;
  padding: 4px 6px;
  cursor: hand;
  cursor: pointer;
}
.chattr-Conversation .chattr-MessagePanel {
	margin: 4px;
	border: 1px solid #666;
}
.chattr-Conversation .chattr-MessagePanel table {
	width: 100%;
}
.chattr-Conversation .gwt-TextBox {
	width: 100%;
}
.chattr-Conversation .sent {
	background: #eee;	
}
.chattr-Conversation .sender {
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 65px;
}
.chattr-Conversation .sent .sender,
.chattr-Conversation .sent .message {
	color: #c66;
	font-size: 9pt;
	padding-top: 4px;
	padding-bottom: 4px;
}
.chattr-Conversation .received .sender,
.chattr-Conversation .received .message {
	color: #36c;
	font-size: 9pt;
	padding-top: 4px;
	padding-bottom: 4px;
}
.chattr-ContactList {
  width: 150px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  background: #fff;
  overflow: hidden;  
  cursor: hand;
  cursor: pointer;
}
.chattr-ContactList .header {
  background: #666;
  color: #fff;
}
.chattr-ContactList .entry {
  border-bottom: 1px solid #666;
}
.chattr-ContactList .entry-name {
  margin-top: 4px;
  padding-left: 4px;
}
.chattr-ContactList .entry-status {
  margin-bottom: 4px;
  padding-left: 4px;
  font-size: 75%;
}
.inactive {
	color: #999;
}
.chattr-LoginPanel {
	background: #fff;
	border: 1px solid #666;
	width: 200px;
	margin: 40px auto;
	padding: 20px 4px 4px 4px;
}
.chattr-LoginPanel td {
	text-align: center;
}